/*
Theme Name: Schneidereit
Author: Custard	
Description: Custom theme made for Schneidereit by Custard
*/

body, html { margin: 0; padding: 0; background: url(images/bg.jpg); background-repeat: repeat-x; font-family:arial; font-size:14px; color:#757575; line-height:22px; font-family:arial; }

#wrapper { width: 940px; height: auto; margin: 0 auto; padding-bottom:20px;}

a:link, a:visited { color: #f25824; text-decoration: none; }

h1 {font-family:arial; font-weight:bold; font-size:25px; color:#f25824;}

h3 {font-family:arial; font-weight:bold; font-size:18px; color:#f25824; border-bottom:1px solid #f25824; padding-bottom:12px;}

h4 {font-family:arial; font-weight:bold; font-size:14px; color:#f25824; }

.clear { clear: both; }

/*********************************/
/*********    HEADER    **********/
/*********************************/


#header { width: 100%; height: auto; padding-top: 55px; }

.logo { width:260px; height: 120px; }

.header-info { width: auto; height: auto; float: right; font-family: Arial; font-size: 13px; margin-top: -25px; }

.header-info li { width: auto; height: auto; display: inline; float: left; color: #f25824; margin-right: 15px; }

.header-info li.last { width: auto; height: auto; display: inline; float: left; color: #f25824; margin-right: 0; margin-top: 3px; }

.header-mail-icon { width:17px; height: 13px; background: url(images/mail-icon-header.png); float: left; margin: 2px 7px 0 0; }

.header-phone-icon { width:22px; height: 19px; background: url(images/phon-icon-header.png); float: left; margin-top: -1px; }

.language { width:100px; height: 20px; background:#e4e4e4; border: 1px solid #a7a7a7; float: left; margin-top: -3px; }

.nav { width: 100%; height:39px; background: url(images/nav-bg.jpg); background-repeat: repeat-x; margin-top: 40px; }

.nav ul li {float:left; list-style:none;}

.nav li {height:30px; padding-left:15px; font-size: 12px; padding-top:9px; border-right:1px solid #ffffff ;margin-right:10px; padding-right:15px;}

.nav a {color:#ffffff;  padding-right:10px; }

.nav a:hover {text-decoration:underline; }

#menu-navigation { padding: 0 0 0 10px; }


/*************************************/
/********* CONTACT TEMPLATE **********/
/*************************************/


.contact-content {width: 689px; height: auto; margin: 0 auto; float:left; margin-top:20px; padding-right:15px; }

.contact-sidebar {width:215px; min-height:auto; float:right; margin-top:16px; padding-left:15px; }

.contact-header {width: 687px; height: 265px; margin: 0 auto; float:left; margin-top:20px; padding-right:15px; }

.contact-sidebar h1 {font-family:arial; font-weight:bold; font-size:21px; color:#f25824; border-bottom:1px solid #f25824; padding-bottom:12px;}

.contact-sidebar h3 { margin-top: 0; }

.wpcf7-form {background-color:#EBEBEB; padding-left:15px; padding-top:15px; border-left: 4px solid #f25824 ; color:#757575; min-height:610px; height:auto; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc;}

.wpcf7-form-control {border:1px solid #cccccc; background-color:#ffffff; height:36px; width:90%; margin-bottom:10px;}

.wpcf7-form-half {border:1px solid #cccccc; background-color:#ffffff; height:36px; width:40%; float:left;}

.wpcf7-form-firstname {border:1px solid #cccccc; background-color:#ffffff; height:36px; width:40%; float:left; margin-right:40px;}

.wpcf7-textarea {width:91%; min-height:100px; height:auto; color:#cccccc; padding-left:5px; font-family:arial; font-size:11pt; line-height:14px; padding-top:5px; margin-top:30px;}

.wpcf7-text {color:#cccccc; padding-left:5px;}

.form-left {min-height:auto; float:left; padding-right:10px; width:auto;}

.form-right {min-height:auto; float:left; padding-left:10px; width:70%; padding-left:40px;}

.margin-form {margin-top:30px;}

.wpcf7-submit {width:195px; height:41px; background-color:#f25824; float:right; font-family:arial; font-size:16px; color:#ffffff; margin-right:35px;}

.wpcf7-response-output {height:auto; width:80%; float:left;}

/*************************************/
/********** FOOTER TEMPLATE **********/
/*************************************/

.footer-widget {width:200px; min-height:300px; float:left; margin-right:25px; font-size:13px; line-height:15px; color:#e5e5e5; height:auto;}

.footer-widget-last {width:255px; float:left; font-size:13px; line-height:15px; color:#e5e5e5; height:auto;}

.footer {height:auto; width:100%;}

.clear {clear: both; height: 0}

.footer-full-width {width:100%; height:auto; background-color:#383838; float:left; border-top:4px solid #e5e5e5; padding-top:20px;}

.footer-widget h3 {color:#e5e5e5; border-color:#4c4c4c; font-weight:normal;}

.footer-widget a {color:#e5e5e5; border-color:#cccccc;}

.footer-widget p {color:#e5e5e5; border-color:#cccccc; font-size:11px;}

.footer-widget ul {list-style:none; padding:0px;}

.footer-widget-last h3 {color:#e5e5e5; border-color:#4c4c4c; font-weight:normal;}

.footer-widget-last h4 {color:#999999!important; font-weight:bold!important;}

.footer-widget-last a {color:#e5e5e5; border-color:#cccccc;}

.footer-widget-last p {color:#e5e5e5; border-color:#cccccc; font-size:11px;}

.footer-widget-last ul {list-style:none; padding:0px;}

.copyright {width:100%; height:auto; border-top:1px solid #4c4c4c; float:left; font-size:11px; color:#999999; padding-top:20px; margin-bottom:5px;}

/*************************************/
/********** HOMEPAGE TEMPLATE ********/
/*************************************/

.services {height:299px; width:100%;}

.service-each {height:250px; width:215px; float:left; margin-right:20px; line-height:15px; font-size:12px;}

.service-each h2 {font-family:arial; font-size:22px; font-color:#cccccc;}

.readmore {font-family:arial; font-size:13px; color:#ffffff; padding:3px; background-color:#bfbfbf; width:70px;}

.readmore a {font-family:arial; font-size:13px; color:#ffffff; padding:3px; background-color:#bfbfbf; width:70px;}

.key-sectors {height:560px; width:100%; background-color:#f25824; padding-top:30px;}

.key-sectors h1 {font-family:arial; font-weight:bold; font-size:25px; color:#ffffff; padding-bottom:10px; border-bottom:1px solid #ffffff; margin-bottom:30px;}

.eachsector {height:250px; width:280px; float:left; margin-right:48px; }

.last {height:250px; width:280px; float:left; margin-right: 0; }

.eachsector h2 {font-family:arial; font-weight:bold; font-size:15px; color:#ffffff; font-weight:bold; margin-bottom:2px;}

.eachsector a {text-decoration:none; }

.eachsector p {color:#ffffff; font-size:12px; margin-top:0px;}


.servicesfull {width:100%; background-color:#f25824; height:auto;}

/*************************************/
/************* PAGES *****************/
/*************************************/

.page-content {width: 689px; height: auto; margin: 0 auto; float:left; margin-top:20px; padding-right:15px;}

.page-sidebar {width:215px; min-height:auto; float:right; margin-top:0px; padding-left:15px;}

.page-header {width: 687px; height: 210px; margin: 0 auto; float:left; margin-top:20px; padding-right:15px; z-index:1; position:relative;}

.page-header-caption {width: auto; height: auto; min-height:60px; position:relative; z-index:2; float:left; margin-top:-160px; background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#25000000, endColorstr=#25000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#25000000, endColorstr=#25000000)"; color:#ffffff; padding-left:30px; padding-right:60px; font-size:60px; padding-top:30px; 
	font-style: bold;  }

.page-sidebar h1 {font-family:arial; font-weight:bold; font-size:21px; color:#f25824; border-bottom:1px solid #f25824; padding-bottom:12px;}

.page-header img { width: 687px; height: 350px; }

.page-content-strapline p { font-family: Arial; font-size: 17px; }

.all-services-list li { width: 300px; height: auto; float: left; list-style: none; margin-right: 89px; margin-bottom: 40px; }

.all-services-list li.last { margin-right: 0; }

.all-services-title { width: 100%; height: auto; color: #f25824; padding-bottom: 10px; border-bottom: 1px solid #f25824; font-size: 17px; font-weight: bold; }

.all-services-icon { width: 40px; height: 40px; float: left; margin-top: 15px; margin-right: 15px; }

.all-services-text { width: 245px; height: auto; float: left; }

/**************************************/
/************* SINGLE *****************/
/**************************************/

.single-post-options { width: 100%; height: auto; }

.page-content-single { font-family: Arial; font-size: 13px; margin-bottom: 30px; }

.tabs-wrapper { width: 100%; height: auto; }

.list-wrapper { width: 100%; height: auto; margin-top: 30px; }

.list-wrapper h1 { color:#f25824; font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #f25824; }

#tabs {
  overflow: hidden;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #e5e5e5;
}

#tabs li {
  float: left;
  margin: 0 0 -1px 0px;
  border: 1px solid #e5e5e5;
}

#tabs a {
  float: left;
  position: relative;
  padding: 0 13px;
  height: 0; 
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  text-decoration: none;
  color: #757575;
  border-bottom-color: #777\9;	  
}

#tabs a:hover,
#tabs a:focus {
  border-bottom-color: #fcfcfc;
  opacity: 1;
  filter: alpha(opacity=100);
}

#tabs a:focus {
  outline: 0;
}

#tabs #current {
  z-index: 3;
  border-bottom-color: #f4f4f4;
  opacity: 1;
  filter: alpha(opacity=100);	  
}

#tabs a {
  height: 0; 
  line-height: 30px;
  border-bottom: 30px solid #fff;	  
}

.tabs-thumbnail { width: 140px; height: auto; float: left; margin-right: 30px; margin-top: 4px; }

.tabs-content { width: 476px; height: auto; float: left; }

.tabs-content-title { color:#f25824; font-size: 18px; margin-bottom: 10px; }

.tabs-content-text { font-size: 12px; }

.tab-list-wrapper { width: 100%; height: auto; border-bottom: 1px solid #f4f4f4; float: left; padding-bottom: 15px; margin-bottom: 20px; }

.tabs-list-thumbnail { width: 140px; height: auto; float: left; margin-right: 30px; margin-top: 4px; }

.odd .tabs-list-thumbnail { float: right !important; text-align: right; }

.odd .tabs-list-content { text-align: right; }

.tabs-list-content { width: 476px; height: auto; float: left; }

.tabs-list-content-title { color:#f25824; font-size: 18px; margin-bottom: 10px; }

.tabs-list-content-text { font-size: 12px; }

/*************************************/
/******** CALCULATOR PAGES ***********/
/*************************************/

.customer-details {  }

.servicesfull {width:100%; background-color:#f25824; height:auto; float: left; }

.homepage-top-images { width: 942px; height: 400px; float: left; margin-top: 20px; }

.homepage_image_large { width:687px; height:350px; float: left; margin-right: 5px; }

.homepage_image_small { width:250px; height:171px; float: left; margin-bottom: 7px; }

.homepage_image_small_bottom { width:250px; height:171px; float: left; }

.cost-calculator { width: 100%; height: 100px; background: #f7f7f7; border: 1px solid #e5e5e5; border-left: 5px solid #f25824; margin-bottom: 50px;  }

.cost-calculator-left { width: 700px; padding-left: 30px; margin-right: 60px; height: auto; float: left; }

.cost-calculator-left h1 { color: #383838; font-size: 22px; margin-bottom: 0; }

.cost-calculator-left p { font-size: 13px; margin-top: 5px;  }

.cost-calculator-right { width: 105px; height: auto; float: left; }

.cost-calculator-right-more { width: 105px; height: 25px; text-align: center; background: #f25824; padding: 10px; color: #fff; font-size: 18px; margin-top: 25px; }

.homepage_image_large_text { width: 300px; height: auto; background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#25000000, endColorstr=#25000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#25000000, endColorstr=#25000000)";
    position: relative;
    float: left;
    padding: 15px;
    margin-top: -230px;
    color: #fff;
    font-size: 44px;
    line-height: 44px;
    width: 360px;
    font-weight: bold; }

.homepage_image_small_text { width: 135px; height: auto; background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#25000000, endColorstr=#25000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#25000000, endColorstr=#25000000)";
    position: relative;
    float: left;
    padding: 15px;
    margin-top: -123px;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    width: 165px;
    font-weight: bold; }

.homepage_image_small_bottom { width:250px; height:171px; float: left; }

.calculator {height:350px; width:613px; background-color:#f1f1f1; padding:10px 35px 10px 35px; color:#757575; border:1px solid #757575; border-radius: 15px;}

.calculatorform {background-image:url(images/form-field.png); height:34px; width:217px; border:none; margin-bottom:20px; margin-right:10px; padding-left:3px; background-repeat:no-repeat; color:#cccccc;}

.calculatorsubmit {background-color:#f25824; height:40px; width:195px; color:#ffffff; border:none; cursor:pointer; font-size:15px;}

.services h1 { border-bottom: 1px solid #ccc; margin-bottom: 0; padding-bottom: 20px; }

.icon_image { width: 30px; height: 40px; float: left; }

.sector_title { width:83%; height: auto; float: left; margin-top: -17px; margin-left: 15px; }

.sector_home_text { width: 97%; margin-left: 45px; height: auto; float: left; margin-top: -22px; }

.sector_image { width: auto; height: auto; float: left; margin-bottom: 10px; }

/*************************************
 * generic styling for ALS elements  *
 ************************************/

.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	z-index: 0;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	float: left;
}

.als-wrapper {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}
/*************************************
 * specific styling for services     *
 ************************************/

#demo2 {
	margin: 0px auto;
}

#demo2 .als-item {
	margin: 0px 20px 0 0;
	padding: 4px 0px;
	min-height: 120px;
	min-width: 100px;
	text-align: left;
	width: 222px;
}

#demo2 .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

#demo2 .als-prev, #demo2 .als-next {
	top: 0px;
}

#demo2 .als-prev {
	left: 883px;
	background: url(images/slider-arrows-prev.png);
	width: 19px;
	height: 19px;
	margin-left: 18px;
	margin-top: -35px;
}

#demo2 .als-prev:hover {
	background-position: -19px;
}

#demo2 .als-next {
	right: 0px;
	background: url(images/slider-arrows-next.png);
	width: 19px;
	height: 19px;
	background-position: 19px;
	margin-top: -35px;
}

#demo2 .als-next:hover {
	background-position: -38px;
}

.calculatorinformation {height:200px; width:90%; background-color:#f1f1f1; padding:10px 35px 10px 35px; color:#757575; border:1px solid #757575; border-radius: 15px;}

.calculatorform3 {background-image:url(images/form-field3.png); height:56px; width:179px; border:none; margin-bottom:20px; margin-right:10px; padding-left:3px; background-repeat:no-repeat; color:#cccccc;}

.calculatorform2 {background-image:url(images/form-field2.png); height:56px; width:272px; border:none; margin-bottom:20px; margin-right:17px; padding-left:3px; background-repeat:no-repeat; color:#cccccc;}

.arrow-down {width:100%; height:51px; background-position:center; background-image:url(images/arrow-down.png); background-repeat:no-repeat;}

.calculator-result {height:250px; width:90%; background-color:#f25824; border-radius: 15px; padding:10px 35px 10px 35px;}

.calculator-result-right {height:224px; width:70%; float:left;}

.calculator-result-left {height:224px; width:30%; float:left;}

.calculator-result h1 {color:#ffffff;}

.calculator-result p {color:#ffffff;}

.result-box1 {height:108px; width:207px; background-color:#ffffff; border-top:1px solid #bd3000; border-bottom:1px solid #bd3000; border-left:1px solid #bd3000; border-radius: 10px 0px 0px 10px; float:left;}

.result-box2 {height:108px; width:207px; background-color:#ffffff; border-top:1px solid #bd3000; border-bottom:1px solid #bd3000; border-right:1px solid #bd3000; border-left:1px solid #cccccc; border-radius: 0px 10px 10px 0px; float:left;}

.result-box1 .amount {color:#444444; font-size:45px; font-weight:bold; padding:30px 10px 10px 10px; text-align:center;}

.result-box1 p {color:#cccccc; font-size:11px; line-height:12px; text-align:center;}

.result-box2 .amount {color:#444444; font-size:45px; font-weight:bold; padding:30px 10px 10px 10px; text-align:center;}

.result-box2 p {color:#cccccc; font-size:11px; line-height:12px; text-align:center;}
